<template>
  <div class="container"> 
   <div class="address-title"> 
    <el-button type="primary" icon="el-icon-arrow-left"></el-button>
    <p>添加收获地址</p>
   </div>
   <div class="address-input">
    <div class="shouhuoren">
      <p>收货人</p>
      <el-input v-model="input" placeholder="名字"  >
      </el-input>
    </div>
    <div class="phone">
      <p>电话号码</p>
      <el-input v-model="input" placeholder="手机号"  >
      </el-input>
    </div>
    <div class="address">
      <p>所在地区</p>
      <el-input v-model="input" placeholder="省、市、区、街道"  :rows="2" type="textarea" style="width: 200px;">
      </el-input>
    </div>
   </div>
  </div>
</template>

<script>
export default {
  data( ) {
    return {
      input:''
  }}
    

}
</script>

<style>
body html {
      margin: 0;
      padding: 0;

    }
    .container {
      width: 750rem;
      margin: 0 auto;
      
           
    }
    .address-title {
      position: relative;
      width: 355px;
      height: 50px;
      margin-top: 55px;
      margin-left: 10px;
    }
    .address-title p {
      position: absolute;
      left: 134px;
      top: -5px;
      font-size: 18px;
      font-family: Microsoft YaHei UI-Regular, Microsoft YaHei UI;
      font-weight: 400;
      color: #000000;
    }
    .address-input {
      height: 260px;
      width: 355px;
      margin-left: 10px;
    }
    .shouhuoren {
      width: 355px;
      height: 40px;
      position: relative;
      margin-right: -10px;
    }
    .shouhuoren p {
      position: absolute;
      left: 10px;
      bottom: -5px;
      font-size: 16px;
font-family: Microsoft YaHei UI-Regular, Microsoft YaHei UI;
font-weight: 400;
color: #707070;
    }
    .el-input {
      position: absolute;
      top: 0px;
      right:0px;
      width: 280px;
    }
    .phone{
      margin-top: 25px;
      width: 355px;
      height: 40px;
      position: relative;
      margin-right: -10px;
    }
    .phone p {
      position: absolute;
      left: 5px;
      bottom: -5px;
      font-size: 16px;
font-family: Microsoft YaHei UI-Regular, Microsoft YaHei UI;
font-weight: 400;
color: #707070;
    }
    .address{
      margin-top: 25px;
      width: 355px;
      height: 60px;
      position: relative;
      margin-right: -10px;
    }
    .address p {
      position: absolute;
      left: 5px;
      bottom: -5px;
      font-size: 16px;
font-family: Microsoft YaHei UI-Regular, Microsoft YaHei UI;
font-weight: 400;
color: #707070;
    }
    .address .el-input{
      width: 60%;
    }
</style>